<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
        }
        ul{
            list-style: none;
        }
        /* li{
            float: left;
        } */
    </style>
</head>
<body>
    <div class="head">
        <div class="wrap">
            
        </div>
    </div>
    <ul>
        <li><a href="#">购物车</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">加入收藏</a></li>
        <li><a href="#">设为主页</a></li>
        <li><a href="#">登录</a></li>
        <li><a href="#">注册</a></li>
    </ul>
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">手机数码</a></li>
        <li><a href="#">日用百货</a></li>
        <li><a href="#">书籍</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">免费开店</a></li>
        <li><a href="#">全球咨询</a></li>
    </ul>
    <h1>商品分类</h1>
    <h2>家用电器</h2>
    <ul>
        <li><a href="#">大家电</a></li>
        <li><a href="#">洗衣机</a></li>
        <li><a href="#">平板电视</a></li>
        <li><a href="#">电热水器</a></li>
        <li><a href="#">家庭音响</a></li>
        <li><a href="#">热水器</a></li>
        <li><a href="#">空调冰箱</a></li>
        <li><a href="#">冰柜</a></li>
        <li><a href="#">DVD</a></li>
        <li><a href="#">电视附件</a></li>
        <li><a href="#">点燃气</a></li>
        <li><a href="#">家电下乡</a></li>
        <li><a href="#">家电服务</a></li>
        <li><a href="#">电饭煲</a></li>
        <li><a href="#">看不到</a></li>
    </ul>
    <h2>书籍</h2>
    <ul>
        <li><a href="#">大家电</a></li>
        <li><a href="#">洗衣机</a></li>
        <li><a href="#">平板电视</a></li>
        <li><a href="#">电热水器</a></li>
        <li><a href="#">家庭音响</a></li>
        <li><a href="#">热水器</a></li>
        <li><a href="#">空调冰箱</a></li>
        <li><a href="#">冰柜</a></li>
        <li><a href="#">DVD</a></li>
        <li><a href="#">电视附件</a></li>
        <li><a href="#">点燃气</a></li>
        <li><a href="#">家电下乡</a></li>
        <li><a href="#">家电服务</a></li>
        <li><a href="#">电饭煲</a></li>
        <li><a href="#">看不到</a></li>
    </ul>
    <h2>手机数码</h2>
    <ul>
        <li><a href="#">大家电</a></li>
        <li><a href="#">洗衣机</a></li>
        <li><a href="#">平板电视</a></li>
        <li><a href="#">电热水器</a></li>
        <li><a href="#">家庭音响</a></li>
        <li><a href="#">热水器</a></li>
        <li><a href="#">空调冰箱</a></li>
        <li><a href="#">冰柜</a></li>
        <li><a href="#">DVD</a></li>
        <li><a href="#">电视附件</a></li>
        <li><a href="#">点燃气</a></li>
        <li><a href="#">家电下乡</a></li>
        <li><a href="#">家电服务</a></li>
        <li><a href="#">电饭煲</a></li>
        <li><a href="#">看不到</a></li>
    </ul>
    <h2>日用百货</h2>
    <ul>
        <li><a href="#">大家电</a></li>
        <li><a href="#">洗衣机</a></li>
        <li><a href="#">平板电视</a></li>
        <li><a href="#">电热水器</a></li>
        <li><a href="#">家庭音响</a></li>
        <li><a href="#">热水器</a></li>
        <li><a href="#">空调冰箱</a></li>
        <li><a href="#">冰柜</a></li>
        <li><a href="#">DVD</a></li>
        <li><a href="#">电视附件</a></li>
        <li><a href="#">点燃气</a></li>
        <li><a href="#">家电下乡</a></li>
        <li><a href="#">家电服务</a></li>
        <li><a href="#">电饭煲</a></li>
        <li><a href="#">看不到</a></li>
    </ul>
    <h2>轮播图</h2>
    <div class="ad">
        <ul>
            <li><a href=""><img src="./images/ad-01.jpg" alt=""></a></li>
            <li><a href=""><img src="./images/ad-02.jpg" alt=""></a></li>
            <li><a href=""><img src="./images/ad-03.jpg" alt=""></a></li>
            <li><a href=""><img src="./images/ad-04.jpg" alt=""></a></li>
        </ul>
    </div>
    
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <h2>疯狂抢购</h2>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/promote-1.jpg" alt="tupian"><br/>惠普商务移动应用英寸笔记本</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/promote-2.jpg" alt="tupian"><br/>夏新N6 GPS真人语音导航手机超低特价疯抢数量有限!</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/promote-3.jpg" alt="tupian"><br/>三星家庭影院HT-TZ325购机送好礼(超值性价比)</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/laser-pen.jpg" alt="tupian"><br/>明基MP512投影机2899元送100元京卷SVGA 2200流明</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/mouse.jpg" alt="tupian"><br/>罗技数据1TB移动鼠标729元开抢了!</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/earphone.jpg" alt="tupian"><br/>海森那尔极品耳机绝对不容错过!</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/Wancom.jpg" alt="tupian"><br/>亚马逊随时阅读，随时记录，时尚最佳选择!</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/Frame.jpg" alt="tupian"><br/>优雅相框</a></dd>
        </dt>
    </dl>
    <dl>
        <dt>    
            <dd><a href="#"><img src="./images/notebook.jpg" alt="tupian"><br/>IBM 2009最新上网本，特色尽显</a></dd>
        </dt>
    </dl>
    <h2>公告栏</h2>
    <img src="" alt="">
    <ul>
        <li><a href="#">大学要求老师开网店</a></li>
        <li><a href="#">安全锤网上大热销</a></li>
        <li><a href="#">商城竟成网购试衣间</a></li>
        <li><a href="#">2万网上开十家连锁店</a></li>
    </ul>
    <h2>新品上架</h2>
    <dl>
        <dt>
            <dd><a href="#"><img src="./images/show1.jpg" alt="tupian">大牌狂降价，三折直送</a></dd>
        </dt>
        <dt>
            <dd><a href="#"><img src="./images/show2.jpg" alt="tupian">大学要求老师开网店</a></dd>
        </dt>
        <dt>
            <dd><a href="#"><img src="./images/show3.jpg" alt="tupian">黑眼圈推荐，美白不停</a></dd>
        </dt>
        <dt>
            <dd><a href="#"><img src="./images/show4.jpg" alt="tupian">瘦身狂潮风，修形之选</a></dd>
        </dt>
    </dl>
    <ul>
        <li>笔记本</li>
        <li>手机充值</li>
    </ul>
    <form action="" name="computer">
        品牌：<select name="pinpai" id="">
            <option value="联想">联想</option>
        </select>
        
        <br/>
        尺寸：<select name="size" id="">
            <option value="14英寸">14英寸</option>
        </select>
        <br/>
        价格：<select name="price" id="">
            <option value="4000以下">4000以下</option>
        </select>
        
    </form>
</body>
</html>